<!DOCTYPE html>
<html>

<head>
  <title><%= title %></title>
  <link rel='stylesheet' href='/stylesheets/bootstrap.css'>
  <style>
    body {
      padding-top: 60px;
      padding-bottom: 40px;
    }
  </style>
  <link rel="stylesheet" href="/stylesheets/bootstrap-responsive.css">
</head>

<body>
  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <a class="btn btn-navbar" data-toggle='collapse' data-target='.nav-collapse'>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a href="/" class="brand">Microblog</a>
        <div class="nav-collapse">
          <ul class="nav">
            <li class='active'><a href="/">首页</a></li>
            <% if (!user()) { %>
            <li><a href="/login">登入</a></li>
            <li><a href="/reg">注册</a></li>
            <% } else { %>
            <li><a href="/logout">登出</a></li>
            <% } %>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="container" id="container">
      <% if(success) { %>
        <div class="alert alert-success">
          <%= success %>
        </div>
      <% }%>
      <% if(error) { %>
        <div class="alert alert-error">
          <%= error %>
        </div>
      <% }%>
      <%- body %>
      <hr>
      <footer>
        <p><a href="https://github.com/zhangjunlin6666" target="_blank">我的GitHub地址</a></p>
      </footer>
  </div>
</body>
<script src='/javascripts/jquery.js'></script>
<script src='/javascripts/bootstrap.js'></script>

</html>